<template>

          <div class="sales">
            <router-link tag="div" class="flexes" to="/seckill">
                <img src="./icon_pinptm.png"><div>限时秒杀</div>
            </router-link>    
            <router-link tag="div" class="flexes" to="/brand-sale">
                <img src="./icon_pintxg.png"><div>品牌特卖</div>
            </router-link>  
            <router-link tag="div" class="flexes" to="/group-shopping">
                <img src="./icon_renqxg.png"><div>拼团选购</div>
            </router-link>  
            <router-link tag="div" class="flexes" to="/popularity">
                <img src="./icon_xianshiqg.png"><div>人气推荐</div>
            </router-link>  
        </div>
</template>
<script type="text/ecmascript-6">
	
</script>
<style scoped lang='scss' type="text/css">
  @import "~common/scss/variable.scss";
    .sales{
        font-size:$font-size-medium;
        display:flex;
        display:-webkit-flex;
        justify-content:center;
        align-items:center;
        .flexes{
          flex:1;
          text-align:center;
          div{
              height:25px;
          }
          img{
                  display:block;
                  margin:10px auto;
                  width:55px;
                  height:55px;
            }          
        }
    }
</style>